{% extends 'index.html' %}
{% block title %} {{ page_title }} {% endblock %}

{% block styles %}
    <link rel="stylesheet" type="text/css" href="/static/monitor.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/south-street/jquery-ui-1.8.11.custom.css" />
{% endblock %}

{% block sidebar %}
{% endblock %}

{% block messages %}
    <div class="message-content">
        {% for message in messages %}
        <div class="{{ message.type }}">
            <img src="/static/images/spacer.gif" class="ui-icon-active ui-icon-{{ message.type }}" />
            <span>
            {{ message.body }}
            {% if message.url %}
                <a href="{{ message.url}}">{{ message.url_text }}</a>
            {% endif %}
            </span>
        </div>
        {% endfor %}
    </div>
{% endblock %}

{% block content %}
    <div class="sidepane r6">
        <h3 class="shadow2"><a href="#">View proxy</a></h3>
        <div class="pane" >
        <form action="{{ action }}" method="{{ method }}" name="{{ name }}" class="form left" id="{{ name }}">
            {% csrf_token %}
            <fieldset class="new-proxy r6">
                <legend class="r6">Add new proxy server</legend>
                <div>{{ form.host }}{{ form.port }}</div>
                <div>{{ form.user }}{{ form.password }}</div>
                <div>Use proxy? {{ form.use }}</div>
                <div class="form-buttons">
                    <span>
                    <input class="form-button" type="submit" name="cancel" value="Cancel" />
                    <input class="form-button" type="submit" name="save" value="Save" />
                    </span>
                </div>
            </fieldset>
        </form>
        </div>
    </div>
{% endblock %}